<template>
  <a_list :插组件="插组件" ref="list_ref" :子表cfg集="子表cfg集">
  </a_list>
</template>

<script setup lang="ts">
import a_list from '@/components/a模板/a_list.vue';
import use插组件 from "@/hooks/use插组件"
import { onMounted, ref, watch } from 'vue';
const 插组件 = use插组件()

const list_ref = ref()
const 详情 = ref();

onMounted(() => {
  详情.value = list_ref.value.详情
  // console.log(`详情.value 👉`, 详情.value)
})

watch(() => 详情.value?.单项, (newValue, oldValue) => {
  // console.log(`单项变化 ing👇`)
  // console.log(`详情.value.a 👉`, 详情.value.a)
  // console.log(`newValue 👉`, newValue)
}, { deep: true })

const 子表cfg集 = {
  skus: {
    事件hook集: {
      新增前(单项模板) {
        console.log(`新增前 单项模板 👉`, 单项模板)
        const 可选配置 = 详情.value?.单项.可选配置
        console.log(`可选配置 👉`,可选配置)
        let 可选配置值 = 可选配置.map((params) => {
          return { label: params, value: "" }
        })
        单项模板.可选配置值 = 可选配置值
      }
    },
  }
}
</script>

<style lang="scss" scoped></style>
